<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Ajax</title>
    <script src="/static/js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            // 绑定btnAjax的click事件
            $('#btnAjax').click(function () {
                $.ajax({
                    'url': '/ajax_handel',
                    'dataType': 'json',
                    // 'async': false,  // 同步的ajax请求，默认是异步的。
                }).success(function (data) {
                    // 执行成功后的回调函数
                    // console.info(data)
                    if (data.res == 1) {
                        $('#message').show().html('账号登录成功')

                    }
                });
            });
        });
    </script>
    <style>
        #btnAjax{
            width: 100px;
            height: 100px;
        }
        #message{
            display: none;
            color: gold;
        }
    </style>
</head>
<body>
<input type="button" id="btnAjax" value="ajax request">
<div id="message"></div>
</body>
</html>